html{
	font-size: 62.5%;
}
body{
	font-family: "Microsoft Yahei",Helvetica,"SimHei",Arial,Tahoma;
	line-height: 1.6;
	background-color:#f5f5f5; 
	color: #333;
	max-width: 640px;
	margin:0 auto;
}

/*clear float*/
.clearfix:before, .clearfix:after{ content:""; display:table}
.clearfix:after{ clear:both}
.clearfix{ zoom:1}

img{
	max-width: 100%;
	height: auto;
}
ul{
	padding-left: 0;
	margin: 0;
}
li{
	list-style: none;
}
h3,h4{
	margin:0;
}
a{
	color:#00b7ee;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.org{
	color: #ff6000;
}
.gray{
	color: #898989;
}
.btn-org{
	background-color: #f63;
  	margin-bottom: 1.5rem;
  	color: #fff;
  	border:none;
  	border-radius: .4rem;
  	padding:.6rem 1rem;
  	font-size: 1.4rem;
}
a.btn-org{
	text-decoration: none;
}
.btn-block{
	display: block;
	text-align: center;
}
.text-right{
	text-align: right;
}
.btn-brown{
	background-color: #b28850;
  	margin-bottom: 1.5rem;
  	color: #fff;
  	border:none;
  	border-radius: .4rem;
  	padding:.6rem 1rem;
  	font-size: 1.4rem;
	text-decoration: none;
}
.graybg{
	background-color: #a0a0a0;
}


.block{
	background-color: #fff;
	padding:1rem;
	overflow: hidden;
}
.order{
	margin-top: 1rem;
	.state{
		border-bottom: .1rem solid #e4e1e1;
		padding-bottom: .6rem;
		color: #898989;
		span{
			float: right;
		}
	}
	.orderinfo{
		position: relative;
		padding:1rem .6rem 0;
		overflow: hidden;
		.picbox{
			float: left;
			width: 20%;
		}
		.proinfo{
			float: left;
			width: 60%;
			padding-left: .8rem;
			h3{
				font-size: 1.4rem;
				height: 3.6rem;
				overflow: hidden;
			}
			.pri{
				color: #b82a2a;
				margin-top: 3%;
				font-size: 1.4rem;
			}
		}
		.proinfo1{
			width: 76%;
		}
		.paybtn{
			position: absolute;
			right: .4rem;
			top: 35%;
			a{
				display: block;
				height: 4rem;
				width: 4rem;
				text-align: right;
				img{
					width: 20%;
				}
			}
		}
	}
}
.to{
	margin-top: 1rem;
	line-height: 2rem;
	padding:1rem 1.5rem;
	p{
		margin:0;
		font-weight: 700;
	}
}

.invitbox{
	padding:.8rem;
	overflow: hidden;
	position: relative;
	text-align: center;
	.cirbox{
		position: absolute;
		top: 22%;
		width: 95%;
	}
	.cir{
		background-color: #151424;
		width: 7rem;
		height: 7rem;
		margin:0 auto;
		border-radius: 100%;
		color: #fff;
		text-align: center;
		span{
			padding-top: .3rem;
			display: inline-block;
			font-size: 3rem;
		}
	}
	.btnbox{
		position: absolute;
		width: 95%;
		bottom: 22%;
	}
	.btn-brown{
		margin:0 auto;
		width: 50%;
	}
	.textbox{
		position: absolute;
		bottom: 8%;	
		width: 95%;	
		font-size: 1.4rem;
	}
	p{
		color: #fff;
		margin:0 auto;
		width: 75%;
		text-align: center;
	}
}
.invituser{
	padding:0 1rem .8rem;
	overflow: hidden;
	.tit{
		border-bottom: .1rem solid #e4e1e1;
		padding-bottom: .3rem;
		font-size: 1.4rem;
		margin-bottom: .7rem;
	}
	li{
		color: #898989;
		padding:.3rem;
		span{
			float: right;
		}
	}
}
.invituserinfo{
	padding:1rem;
	li{
		position: relative;
		border-bottom: .1rem solid #e4e1e1;
		input{
			font-size: 1.4rem;
			width: 50%;
			border:none;
			background:none;
			padding:1.5rem 1rem;
		}		
		.code{
			position: absolute;
			right: .8rem;
			width: 30%;
			top: .8rem
		}		
	}
	.btnbox{
		padding-top: 2rem;
		.btn-block{
			width: 100%;
		}
	}
}
.bottom{
	position: fixed;
	bottom: 0;
	padding:1rem;
	overflow: hidden;
	width: 94%;
	z-index: 999;
	a{
		margin-bottom: 0;
	}
}

.memberinfobox{
	text-align: center;
	background: url(../images/memberbg.jpg) no-repeat;
	background-size: cover;
	.memberinfo{
		text-align: left;
		padding:4% 4% 3%;
		.memberpic{
			float: left;
			width: 20%;
			margin-left: 1rem;
		}
		.membertext{
			float: left;
			width: 70%;
			padding-left: 1rem;
			p{
				margin:.1rem;
				color: #cfa972;
				strong{
					color: #fff;
					font-size: 1.4rem;
				}
				&.gray{
					color: #ababab;
				}
			}
		}
	}
	.welfare{
		padding:1rem 1.2rem 0;
		border-top: 1px solid #888;
		margin-top: 1rem;
		overflow: hidden;
		ul{
			color: #fff;
			padding-left: 2rem;
			li{
				float: left;
				width: 49%;
				padding-bottom: .5rem;
				strong{
					font-size: 2rem;
					margin-right: .5rem;
				}
				span{
					display: inline-block;
				}
			}
			i{
				display: inline-block;
				background: url(../images/icon.png) no-repeat;
				width: 2.5rem;
				height: 2.5rem;
				margin-right:.6rem;
				background-size: 18rem auto;
				&.yq{
					background-position: 0 0;
				}
				&.nk{
					background-position: -5.2rem 0;
				}
				&.cs{
					background-position: -10.2rem 0;
				}
				&.free{
					background-position: -15.5rem 0;
				}
			}
		}
	}
	.huangg{
		text-align: center;
		padding:7% 4% 6%;
		p{
			margin-bottom:1rem;
			margin-top: 0;
			color: #fff;
			font-size: 1.6rem;
		}
		img{
			width: 40%;
		}
	}
}

.buybox{
	margin-top: 1rem;
	h3{
		font-size: 1.6rem;
	}
	.card{
		padding:2rem 0 1rem; 
		border-bottom: 1px solid #e4e1e1;
		overflow: hidden;
		&:last-child{
			border-bottom:none;
			padding-bottom:0;
		}
		h4{
			color: #666;
			font-size: 1.4rem;
			padding-left: .5rem;
			.btn-org{
				margin-left: 1.2rem;
			}
		}
		.iconbox{
			padding-top: 1.2rem;
			padding-left: .5rem;
			color: #868585;		
			span{
				display: inline-block;
				height: 3rem;
				line-height: 3rem;
				border-right: 1px solid #e4e1e1;
				padding-right:1rem;
				&:last-child{
					border-right:none;
				}
			}	
			i{
				display: inline-block;
				background: url(../images/icon.png) no-repeat;
				width: 2rem;
				height: 2rem;
				margin-right:.3rem;
				margin-bottom: -.5rem;
				background-size: 18rem auto;
				&.yq{
					background-position: 0 bottom;
				}
				&.nk{
					background-position: -3.4rem bottom;
				}
				&.cs{
					background-position: -10.2rem bottom;
				}
				&.free{
					background-position: -6.8rem bottom;
				}
			}
		}
	}
	.qyico{
		padding-top: 1rem;
		overflow: hidden;
		li{
			float: left;
			width: 20%;
			text-align: center;
			p{
				margin:0;
			}
		}
		i{
			display: inline-block;
			background: url(../images/icon1.png) no-repeat;
			width: 4.6rem;
			height: 5rem;
			background-size: cover;
			&.yq{
				background-position: 0 0;
			}
			&.nk{
				background-position: 0 -7.2rem;
			}
			&.cs{
				background-position: 0 -14.6rem;
			}
			&.free{
				background-position: 0 -22.3rem;
			}
		}
		.arrow{
			display: inline-block;
			width: 4rem;
			height: 4rem;
			padding-top: 2rem;
			vertical-align: bottom;
			img{
				width: 30%;
			}
		}
	}
}

.memberinfobox .vipmember{
	background: url(../images/vip.png) no-repeat;  
	background-size: auto 42%;
	padding-top: 1rem;
	.membertext{
		padding-left: 35%;
		padding-top: .3rem;
		width: 60%;
		float: none;
		p{
			color: #6a3906;
			}
		.white{
			color: #fff;
		}
	}
}
.paddingtop{
	padding-top: 1rem;
}
.noborder{
	border-top: none !important;
}
.buy{
	padding:2rem;
	h3{
		font-weight: 400;
		font-size: 1.6rem;
		span{
			float: right;
		}
	}
	p{
		color: #898989;
		border-bottom: 1px solid #e4e1e1;
		padding-bottom: 1rem;
	}
}


























